<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery-1.11.3.js"></script>
    <script src="../js/index.js"></script>
</head>
<body>
    <div id="container">
        <!--1.导航 -->
        <div id="nav">
            <!--右侧导航栏-->
            <ul class="rightNav">
                <li>
                    <a href="../html/login.html">[ 登陆 ]</a>
                    ,
                    <a href="">[ 注册,有惊喜 ]</a>
                </li>
                <li>
                    <b></b>
                    <a href="">果园公告</a>
                </li>
                <li>
                    <b></b>
                    <a href="">券卡兑换</a>
                </li>
                <li>
                    <b></b>
                    <a href="">手机果园</a>
                </li>
            </ul>
            <!--左侧导航栏-->
            <ol class="leftNav">
                <li class="address">
                    <span class="currentAddress">上海</span>
                    <i></i>
                    <ul class="select">
                        <li>北京</li>
                        <li>广州</li>
                        <li>深圳</li>
                    </ul>
                </li>
                <li>
                    满百包邮(环郊外)
                </li>
                <li>
                    <a href="">星夜达</a>
                </li>
            </ol>
        </div>
        <!--2.横幅 -->
        <div id="banner">
                <img src="../images/banner1.jpg" alt="">
                <img src="../images/banner2.jpg" alt="">
                <ul class="imgNav">
                    <li>1</li>
                    <li>2</li>
                </ul>
        </div>
        <!--3.推荐 -->
        <div id="commend">
            <a href=""><img src="../images/tuijian1.jpg" alt=""></a>
            <a href=""><img src="../images/tuijian2.jpg" alt=""></a>
            <a href=""><img src="../images/tuijian3.jpg" alt=""></a>
            <a href=""><img class="lastImg" src="../images/tuijian4.jpg" alt=""></a>
        </div>
        <!--4.主体 -->
        <div id="main">
            <!--全球量贩/食品生鲜 模块结构与样式复用-->
            <div class="goodsType">
                <!--顶部标题-->
                <p class="goodsTitle">
                    <img src="../images/t4.png" alt="">
                    <a href="">更多</a>
                </p>
                <!--商品展示-->
                <ul>
                    <li>
                        <div>
                            <img src="../images/fruit1.jpg" alt="">
                        </div>
                        <a href="">
                            <img src="../images/cart.png" alt="">
                        </a>
                        <p>欢乐时光水果果篮</p>
                        <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/fruit2.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/fruit3.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/500card.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li class="no-margin">
                        <!-- -->
                            <div>
                                <img src="../images/100card.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/box1.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/box2.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/box3.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li>
                            <div>
                                <img src="../images/box4.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                    <li class="no-margin">
                            <div>
                                <img src="../images/money-card.jpg" alt="">
                            </div>
                            <a href="">
                                <img src="../images/cart.png" alt="">
                            </a>
                            <p>欢乐时光水果果篮</p>
                            <span>&yen;188.00/份</span>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</body>
</html>